<!-- 审核文章 -->
<script setup>
import ArticleTable from '@/components/article/ArticleTable.vue';

import { ref, onMounted } from 'vue';

const articleList = ref([]);

onMounted(() => {
    // 获取后端文章数据
    // getUserArticleList().then(res => {
    //   articleList.value = res.data.pageInfo.list;
    //   console.log(articleList.value)
    // });
    articleList.value = [{
        aid: 1,
        author: "快乐星球",
        createTime: "2023-05-29T23:57:19",
        description: "介绍vue3的最新组合式语法",
        likeCount: 1,
        pageView: 24,
        status: true,
        tags: [{ name: 'vue超好用' }],
        title: "vue3新增功能",
        type: "vue",
        uavator: "https://img0.baidu.com/it/u=1091210682,206783907&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1684602000&t=1813754cb45a25a646263c4b3a711514",
        updateTime: "2023-06-02T11:53:17"
    }, {
        aid: 2,
        author: "快乐星球",
        createTime: "2023-05-29T23:57:19",
        description: "axios获取请求",
        likeCount: 6,
        pageView: 34,
        status: true,
        tags: [{ name: 'axios也超级方便了' }],
        title: "axios获取请求",
        type: "axios",
        uavator: "https://img0.baidu.com/it/u=1091210682,206783907&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1684602000&t=1813754cb45a25a646263c4b3a711514",
        updateTime: "2023-06-02T11:53:17"
    }, {
        aid: 3,
        author: "快乐星球",
        createTime: "2023-05-29T23:57:19",
        description: "介绍vue3的最新组合式语法",
        likeCount: 1,
        pageView: 24,
        status: true,
        tags: [{ name: 'vue超好用' }],
        title: "vue3新增功能",
        type: "vue",
        uavator: "https://img0.baidu.com/it/u=1091210682,206783907&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1684602000&t=1813754cb45a25a646263c4b3a711514",
        updateTime: "2023-06-02T11:53:17"
    }];
});
</script>

<template>
    <div>
        <div>
            <el-text class="mainTitle" style="margin-left: 20px;">审核文章</el-text>
        </div>
        <div style="display: flex; margin-left: 20px;margin-top: 20px;">
            <el-card shadow="hover" class="box-card">
                <ArticleTable :articleList="articleList" />
            </el-card>
        </div>
    </div>
</template>

<style scoped>
.mainTitle {
    margin-left: 30px;
    font-size: 18px;
    color: #000;
    font-weight: bolder;
}
</style>